Greptile Summary

This PR implements a seamless user onboarding flow that allows users to enter prompts on the landing page and have them automatically transferred to the copilot panel when they navigate to a workspace. The feature involves several coordinated changes across the application:

Core Implementation:

• A new LandingPromptStorage utility class in browser-storage.ts handles cross-page data transfer using localStorage with SSR safety, automatic expiration (24 hours), and proper error handling
• The landing page hero component now stores user prompts in localStorage before redirecting to signup
• The workspace panel system consumes stored prompts and automatically opens the copilot panel with the prompt pre-filled

Panel System Enhancements:

• Added openCopilotPanel() method to the panel store for atomic operations that both open the panel and set the active tab to 'copilot'
• Reordered panel tabs to prioritize copilot as the first tab, making it the primary interface
• Implemented a useEffect hook in panel.tsx that checks for stored prompts on component mount and automatically triggers the copilot panel opening

Copilot Component Updates:

• Added setInputValueAndFocus() method to the copilot component's ref interface, allowing external components to programmatically populate the input field
• Used useCallback and setTimeout to ensure proper DOM updates and focus behavior when setting input values
• Removed the Bot icon from the copilot welcome interface as part of design simplification

Integration Flow:
The feature creates a complete user journey: landing page prompt → localStorage storage → workspace navigation → automatic copilot panel opening → prompt population and input focus. This reduces friction in the user onboarding process by preserving context across page transitions and eliminating the need for users to re-enter their initial prompts.

Confidence score: 4/5

• This PR implements a well-thought-out user experience improvement with proper error handling and edge case management
• Score reflects solid implementation with good separation of concerns, though some complexity in timing-dependent operations and potential storage utility duplication
• Pay close attention to the browser storage utility and timing-dependent useEffect in panel.tsx

_{7 files reviewed, 1 comment}

_{Edit Code Review Bot Settings | Greptile}